# 使用Node.js官方镜像作为基础镜像
FROM node:lts-alpine

# 设置工作目录
WORKDIR /app

# 复制项目文件到工作目录
COPY . .

# 编译Vue项目
RUN pnpm install && pnpm run build

# 使用Nginx作为服务器，从dist目录提供静态文件
FROM nginx:stable-alpine

# 将Nginx的默认服务器配置文件复制并替换为Vue项目的配置
COPY --from=0 /app/nginx.conf /etc/nginx/nginx.conf

# 将编译好的静态文件复制到Nginx的服务器目录
COPY --from=0 /app/dist /usr/share/nginx/html

# 暴露80端口供Nginx服务
EXPOSE 80

# 启动Nginx，并持续运行
CMD ["nginx", "-g", "daemon off;"]
